<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div >
			div11111111
		</div>
		<div >
			div22222222
		</div>
		<div >
			div33333333
		</div>
		<div >
			div44444444
		</div>
		<div >
			div55555555
		</div>
	</body>
	<script type="text/javascript">
		
		var oDiv = document.getElementsByTagName("div");
		
		
		// for (var i = 0; i < oDiv.length; i++) {
		// 	console.log(oDiv[i])
		// 	// oDiv[i].onclick=function(){
		// 	// 	console.log(i)
		// 	// }
		// 	function a () {//函数套函数
		// 		console.log(i)
		// 		var x = i;
		// 		return function(){
		// 			console.log(x)
		// 		}
		// 	}
		// 	oDiv[i].onclick=a()
		// }
		
	
		/* 
		for (var i = 0; i < oDiv.length; i++) {
//			console.log(oDiv[i])
			oDiv[i].onclick=function (x) {//函数套函数				
				return function () {
					console.log(x)
				}
			}(i)			
		}
		*/
		
		
		for (var i = 0; i < oDiv.length; i++) {
			(function (j) {
				oDiv[j].onclick=function () {//函数套函数								
					console.log(j)				
				}
			})(i)						
		}
		
		
		
	</script>
</html>
